<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue-v2.5.17.js"></script>

</head>
<body>
<!--创建了一块空间，包含vue元素-->
<div id="app">
<ul>
    <li v-for="a in arr">{{a}}</li>
</ul>
    <ul>
        <li v-for="(a,index) in arr">{{a}} ::{{index}}</li>
    </ul>
    <ul>
        <li v-for="(v,k) in student">{{k}} ::{{v}}</li>
    </ul>
    <table>
        <tr>
            <th>id</th>
            <th>用户名</th>
            <th>密码</th>
        </tr>
        <tr v-for="stu in students">
            <td v-for="(v,k) in stu">{{v}}</td>
        </tr>
    </table>
</div>
</body>
<script>
    new Vue({
        el:"#app",   //指定vue管理的元素
        data:{
            arr:[1,2,3,4,5],
            student:{
                id:1,
                username:"文亮",
                password:"12"
            },
            students:[
                {
                id:1,
                username:"文亮",
                password:"12"
            },
                {
                    id:2,
                    username:"文亮",
                    password:"12"
                },
                {
                    id:3,
                    username:"文亮",
                    password:"12"
                },
            ]
        },
        //定义方法
        methods:{

        }
    });
</script>
</html>